@import '../styles/color.scss';

@mixin flex-layout($direction, $content) {
  display: flex;
  flex-direction: $direction;
  justify-content: $content;
}

@mixin active-underline($width:70%, $height:2px, $color:$light-green) {
  &.active {
    color: $color;
    position: relative;

    &::after {
      content: '';
      position: absolute;
      width: $width;
      left: (100% - $width) / 2;
      bottom: 0;
      background: $light-green;
      height: $height;
    }
  }
}

@mixin no-page-table() {
  ::v-deep.ivu-table-wrapper {
    flex: 1;
    overflow: hidden;

    .ivu-table {
      height: 100%;
      @include flex-layout(column, flex-start);

      .ivu-table-body {
        overflow-y: auto;
        overflow-x: hidden;
        flex: 1;
      }
    }
  }
}
